<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // const obj = {
        //   name: 'vue3',
        //   age: 9
        // }
    
        // // 取值
        // // 点
        // console.log(obj.name)
        // console.log(obj.age)
    
        // // 中括号
        // console.log(obj['name'])
        // console.log(obj['age'])
    
        // // 注意：当属性名是字符串的时候，只能用中括号取值
        // let x = 'name'
        // let y = 'age'
        // console.log(obj[x])
        // console.log(obj[y])
    
        // console.log(obj.x)// undefined
        // console.log(obj.y)// undefined
    
    
        // 简写
        let min = 1
        let max = 99
    
        // 以前的写法(不简写)
        // const obj = {
        //   min: min,
        //   max: max
        // }
    
        // 现在的写法
        // const obj = {
        //   min,
        //   max
        // }
        // console.log(obj)
    
        // 方法的简写
    
        const obj = {
          name: 'bit',
          age: 9,
          fn () {
            console.log('fn')
          }
        }
    
        obj.fn()
    
    
    
    
    
    
    
    
      </script> 
</body>
</html>